<template>
    <van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img width="100%" height="200px" :src="image" />
  </van-swipe-item>
</van-swipe>
<van-grid column-num="2"  icon-size="100px">
  <van-grid-item icon="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg" text="阿萨德" />
  <van-grid-item icon="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg" text="干哈" />
  <van-grid-item icon="https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg" text="发过" />
  <van-grid-item icon="https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg" text="儿童" />
</van-grid>

</template>

<script setup>

  const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
    ];
</script>

<style lang="scss" scoped>

</style>